<template>
	<view class="zone">
		<Header title="公告内容" color="#fff"></Header>

		<view class="main">
			<view class="counter">
					<view class="tit">{{title}}</view>
				<!-- 下面的主题 -->
				<view class="count" v-html="content"></view>
			</view>
		</view>
		
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title:'',
				content:'',
			}
		},
		onLoad(e){
			console.log(e);
			this.title = e.title
			this.content = e.content
		},
		methods: {

		}
	}
</script>

<style lang="scss">

	.zone {
		background: linear-gradient(180deg, #0477FD 0%, #7AFDCF 100%);
		min-height: 100vh;
	}

	.counter {
		width: 90%;
		// height: 200px;
		margin: 0 auto;
		border-radius: 10px;
		margin-top: 30px;
		padding: 10px;
		background-color: #f7f7f7;

		.tit {
			font-size: 14px;
			font-weight: 600;
			color: #131314;
		}

		.count {
			font-size: 12px;
			margin-top: 10px;
			color: #343434;
		}
	}
</style>